<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>HTML5示例</title>
	<link rel="stylesheet" href="1-1.css" />
</head>

<body>
	<header>
		<h1>Header</h1>
		<h2>Subtitle</h2>
		<h4>HTML5 Rocks!</h4>
	</header>
	<!-- 内容主体开始 -->
	<div id="container">
		<!-- 内容主题导航菜单开始 -->
		<nav>
			<h3>Nav</h3>
			<a href="http://www.example.com">Link 1</a>
			<a href="http://www.example.com">Link 2</a>
			<a href="http://www.example.com">Link 3</a>
		</nav>
		<!-- 内容主体导航菜单结束 -->
		<!-- 内容开始 -->
		<section>

			<article>
				<header>
					<h1>Article Header</h1>
					<p>样式表中不能用//作注释</p>
					<p>现在可以不用理会初期为了支持不同浏览器在CSS3的新特效（比如box-shadow,transform等)前使用前缀了，直接应用就可以。</p>
					<p>Lorem ipsum dolor HTML5 nunc aut nunquam sit amet, consectetur adipiscing elit. Vivamus at est eros, vel fringilla urna.</p>
					<p>Per inceptos himenaeos. Quisque feugiat, justo at vehicula pellentesque, turpis lorem dictum nunc.</p>
				</header>
				<footer>
					<h2>Article Footer</h2>
				</footer>
			</article>

			<article>
				<header>
					<h1>Article Header</h1>
					<p>Lorem ipsum dolor HTML5 nunc aut nunquam sit amet, consectetur adipiscing elit. Vivamus at est eros, vel fringilla urna.</p>
					<p>Per inceptos himenaeos. Quisque feugiat, justo at vehicula pellentesque, turpis lorem dictum nunc.</p>
				</header>
				<footer>
					<h2>Article Footer</h2>
				</footer>
			</article>

		</section>
		<!-- 内容结束 -->
		<aside>
			<h3>Aside</h3>
			<p>HTML5: "Lorem ipsum dolor nunc aut nunquam sit amet, consectetur adipiscing edit. Vivamus at est eros, vel fringilla urna. Pellentesque odio rhoncus</p>
		</aside>

		<footer>
			<h2>Footer</h2>
		</footer>
	</div>
	<!-- 内容主体结束 -->
</body>
</html>